<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html  xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	
	<ui:composition template="index_docenteSchedule.xhtml">
	<ui:define name="content">
		<p:toolbar id="titulo" style="color:#FFFFFF;font-size:125%;font-weight: bold">
			<p:toolbarGroup align="left">
				<p:outputLabel value="Resultados de peticion para laboratorio : #{laboScheduleController.nombrePeriodoActual}"/>
			</p:toolbarGroup>
		    
			</p:toolbar>
		<br/>
		
		<h:form id="formp">
			<p:growl id="growlC" showDetail="false" sticky="false" />
			<p:dataTable id="tablaPeticionesLabo" style="margin-left:0.5%;margin-right:0.5%"
				widgetVar="peticionesLaboTable" paginator="true" rows="8"
				value="#{laboScheduleController.misPeticiones}" var="peticion"
				emptyMessage="No se han encontrado Peticiones"
				rowStyleClass="#{(peticion.visto) eq 1 ? 'visto' : 'no-visto'}"
				>
				<p:column headerText="Fecha de Emision">
				<h:outputText value="#{peticion.fechaSistema}">
						<f:convertDateTime type="date" timeZone="America/Lima"
							pattern="dd/MM/yyyy hh:mm:ss" />
				</h:outputText>
				</p:column>
				<p:column headerText="Nombre Solicitante" >
				#{peticion.nombrePersona}
				</p:column>
				<p:column headerText="Nombre Usuario" >
				#{peticion.nombreUsuario}
				</p:column>
				<p:column headerText="Nombre Evento">
				#{peticion.nombreEvento}
				</p:column>
				<p:column headerText="Aula">
				#{peticion.nombreAula}
				</p:column>
				<p:column headerText="Fecha de Inicio de Evento">
				<h:outputText value="#{peticion.dia}">
						<f:convertDateTime type="date" timeZone="America/Lima"
							pattern="dd/MM/yyyy" />
				</h:outputText>
				</p:column>
				<p:column headerText="Hora Inicio:">
				<h:outputText value="#{peticion.hInicio}">
						<f:convertDateTime type="date" timeZone="America/Lima"
							pattern="HH:mm" />
				</h:outputText>
				</p:column>	
				<p:column headerText="Hora Fin:">
				<h:outputText value="#{peticion.hFin}">
						<f:convertDateTime type="date" timeZone="America/Lima"
							pattern="HH:mm" />
				</h:outputText>
				</p:column>	
				<p:column headerText="Numero de Semanas">
				#{peticion.numRep}
				</p:column>
				
				<p:column headerText="Evaluacion">
				<h:outputText value="#{peticion.nombreRespuesta}"
				style="#{peticion.respuesta == -1 ? 'color:blue;font-weight:bold' : 
								peticion.respuesta == 1 ? 'color:green;font-weight:bold' :
								peticion.respuesta == 0 ? 'color:red;font-weight:bold' : 'color:black;font-weight:bold'}"/>
				</p:column>			
				
				</p:dataTable>
				<p:toolbar>
				<p:toolbarGroup align="left">
					<ul style="list-style: none;">
						<li><p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"
											style="background-color:gray;" /> <p:outputLabel
											value="&nbsp;Peticion revisada por el administrador&nbsp;" /></li>
				 		<li><p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"
											style="background-color:white;" /> <p:outputLabel
											value="&nbsp;Peticion aun sin revisar por el administrador&nbsp;" /></li>
					</ul>
				</p:toolbarGroup>							
			</p:toolbar>
				<p:poll interval="1" listener="#{laboScheduleController.llenarMisPeticiones}" update="tablaPeticionesLabo" />
		</h:form>
		<p:dialog header="Detalle de Peticion Hecha" widgetVar="petDialog" resizable="false" id="petDig"
						showEffect="fade" hideEffect="explode"	modal="false"
						closeOnEscape="true">
						<h:form id="formI">
						
						<h:panelGrid id="display" columns="2" cellpadding="7">										
									<h:outputText value="Nombre Solicitante:"/>
									<h:outputText value="#{laboScheduleController.peticionSelected.nombrePersona}" />
									<h:outputText value="Nombre Usuario:"/>
									<h:outputText value="#{aulasScheduleController.peticionSelected.nombreUsuario}" />																				
									<h:outputText value="Nombre Evento:"/>
									<h:outputText value="#{laboScheduleController.peticionSelected.nombreEvento}" style="font-weight:bold"/>
									<h:outputText value="Motivo:"/>
									<h:outputText value="#{laboScheduleController.peticionSelected.motivo}" />
									<h:outputText value="Laboratorio:"/>
									<h:outputText value="#{laboScheduleController.peticionSelected.nombreAula}" />
									<h:outputText value="Numero de Semanas:"/>
									<h:outputText value="#{laboScheduleController.peticionSelected.numRep}" />
									<h:outputText value="Hora Inicio:"/>
									<h:outputText value="#{laboScheduleController.peticionSelected.hInicio}">
											<f:convertDateTime type="date" timeZone="America/Lima"
												pattern="HH:mm" />
									</h:outputText>
									<h:outputText value="Hora Fin:"/>
									<h:outputText value="#{laboScheduleController.peticionSelected.hFin}">
											<f:convertDateTime type="date" timeZone="America/Lima"
												pattern="HH:mm" />
									</h:outputText>
			
						
												
							</h:panelGrid >
									<h:panelGrid id="botones" columns="1" cellpadding="1" style="margin: 0 auto;">
									
									<p:commandButton id="cancelarBoton"
										value="Salir "
										update=":#{p:component('formp')}"
										style="background-image:none;background-color:black"
										icon="ui-icon-gear"										
										oncomplete="PF('petDialog').hide()"																	
										> 									
									</p:commandButton>
	
										
									</h:panelGrid>
									</h:form>
			</p:dialog>
	<style>
		.no-visto {
		     background-color: #ffffff !important;
		     background-image: none !important;
		     color: #000000 !important;
		     font-weight: bold;
		}
		               
		.visto {
		    background-color: gray !important;
		    background-image: none !important;
		    color: white !important;
		}
		</style>	
	
	
	
	
	
	
	</ui:define>
	</ui:composition>

</html>